<template>
  <view class="page-default">
    <c-nav-bar title="信息查询" type="white" bg-color="rgba(255,255,255,0.6)" />

    <view class="mx-2 mt-10 text-center">
      <view class="bg-trans">
        <image src="/static/images/welcome/person.png" class="h-22 w-22 rounded-20 bg-white" />
      </view>
    </view>
    <view class="bg-green-white mx-2 rounded-lb-4 rounded-rb-4 pb-4">
      <view class="text-center">
        <view class="m-b-2 text-xl text-#265A63 font-bold">
          谢之遥
        </view>
        <view class="text-lg text-#3AA69B">
          欢迎2025级新生
        </view>
      </view>

      <view class="content m-3 mt-6 rounded-4 bg-white px-4 line-height-6">
        <u-cell-group :border="false">
          <u-cell title="性别" value="女" />
          <u-cell title="身份证号" value="610324200808168888" />
          <u-cell title="手机号码" :border="false" value="18165214164" />
        </u-cell-group>
      </view>

      <view class="content m-3 mt-6 rounded-4 bg-white px-4 line-height-6">
        <u-cell-group :border="false">
          <u-cell title="专业类型" value="职业中专" />
          <u-cell title="专业名称" value="旅游服务与管理" />
          <u-cell title="班级" :border="false" value="2025级旅游1班" />
        </u-cell-group>
      </view>

      <view class="content m-3 mt-6 rounded-4 bg-white px-4 line-height-6">
        <u-cell-group :border="false">
          <u-cell title="教室" value="2-24" />
          <u-cell title="宿舍" value="女生公寓4-10" />
          <u-cell title="校内学号" value="2025LYZ101" />
          <u-cell title="班主任" value="李玥" />
          <u-cell title="班主任电话" :border="false" value="--" />
        </u-cell-group>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
:deep(uni-page-body) {
  background-color: #e7f6ea !important;
}
.page-default {
  width: 100%;
  min-height: 100vh;
  background: url('@/static/images/welcome/header-bg.png') no-repeat center top ;
  background-size: 100% 50%;
}
.bg-green-white {
  background: rgba(255,255,255,0.3);
  /* 渐变色设置 */
}
.bg-trans {
  width: 100%;
  height: 200rpx;
  background: url('@/static/images/welcome/trans-bg.png') no-repeat;
  background-size: 100% 100%;
}
:deep(.u-line){
 border-bottom: 2px dashed #e0e7ec !important;
}
:deep(.u-cell__title-text){
  color: #6E7B8B;
}
:deep(.u-cell__value){
  color: #000000;
}
</style>
